<template>
<!-- 首页固定导航条 -->
<AppNav></AppNav>
<!-- 渲染指定路由对应的组件,访问不同的路由，加载的不同的组件都是在 router-view标签这里渲染的 -->
<router-view></router-view>
<FooterNav></FooterNav>
<TopUp></TopUp>
</template>

<script type="text/javascript">

// 引入子组件
import AppNav from './components/AppNav.vue';
import FooterNav from './components/FooterNav.vue';
import TopUp from './components/TopUp.vue';

import {mapMutations} from "vuex";
export default {
  name:'App',
  components:{
    AppNav,
    FooterNav,
    TopUp,
  },
  methods:{
    ...mapMutations(["updateUserInfo"]),
  },
  async created(){  //生命周期,组件创建完发起请求
    let {data} = await this.$axios({ //验证当前用户是否登录
      method:"POST",
      url:"/login/isCheck",
    });
    console.log(data);
    if(data.code) return;  //表示未登录
    // 已经登录  将用户数据存到vuex中
    this.updateUserInfo(data.data);
  }
};

</script>


<style lang="less" scoped>
// // 引入外部公共css样式初始化
@import  './assets/css/reset.css';
@import './assets/fonts/iconfont.css';

</style>
